<template>
   <view>
		<nav-app :iconFlag="true" :title="title"></nav-app>
		
		<view class="">
			<button @click="()=>tools.toPage('login/login',2)">头像填写-获取头像，昵称</button>
			<button @click="()=>tools.toPage('poster/poster',2)">生成海报(一)</button>
			<button @click="()=>tools.toPage('posterSharing/posterSharing',2)">生成海报(二)</button>
			<button @click="()=>tools.toPage('qrcode/qrcode',2)">生成小程序码、二维码</button>
			<button @click="()=>tools.toPage('circle/circle',2)">环形进度条</button>
			<button @click="()=>tools.toPage('lotteryList/lotteryList',2)">抽奖系列</button>
			<button @click="()=>tools.toPage('webView/webView',2)">web-view</button>
			<button @click="()=>tools.toPage('chitchat/chitchat',2)">聊天页面</button>
		</view> 
		
		<!-- 底部tab -->
		<tabbar-app :selected="2"></tabbar-app>
    </view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app'
import { ref,reactive,inject } from 'vue'

const tools = inject("$tools")
const title = '顶部'

</script>

<style lang="scss" scoped>
	.step{
		height: 200rpx;
		border:1px solid red;
	}
</style>
